<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单详情</title>
    <link rel="stylesheet" href="__ADMINCSS__/invoice-index.css">
</head>
<body>
<div class="container-invoice">
    <!-- logo、店名、单号 -->
    <div class="header">
        <div class="logo">
            <img src="__ADMINIMG__/logo.jpg" alt="">
        </div>
        <div class="shop">
            <ul>
                <li>10min #001</li>
                <li>河南 焦作 山阳区</li>
                <li>山阳路与龙源路交叉口</li>
                <li>0391-2776611</li>
            </ul>
        </div>
        <div class="invoice">
            <div class="invoice-content">
                <div class="invoice-content-item">
                    <div>日期</div>
                    <div></div>
                </div>
                <div class="invoice-content-item">
                    <div>订单号</div>
                    <div></div>
                </div>
                <div class="invoice-content-item">
                    <div>接待/收银</div>
                    <div></div>
                </div>
                <div class="invoice-content-item">
                    <div>维修技师</div>
                    <div></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 客户信息、车辆信息 -->
    <div class="info">
        <div class="info-cus">
            <h2>客户信息-Customer Information</h2>
            <ul>
                <li>姓名：</li>
                <li>地址：</li>
                <li>电话：</li>
            </ul>
        </div>
        <div class="info-vehicle">
            <h2>车辆信息-Vehicle Information</h2>
            <ul>
                <li><span>车牌号：</span></li>
                <li><span>&nbsp;&nbsp;&nbsp;车型：</span></li>
                <li><span>公里数：</span></li>
                <li><span>车架号：</span></li>
            </ul>
        </div>
    </div>

    <!-- 俱乐部、服务历史 -->
    <div class="fleets">
        <div class="fleets-cus">
            <h2>车辆俱乐部-Fleets</h2>
            <ul>
                <li></li>
            </ul>
            <div class="agreed">
                我同意将个人信息显示在此单据上！
            </div>
        </div>
        <div class="fleets-vehicle">
            <h2>服务历史-Service History</h2>
            <div class="line"></div>
            <div class="line"></div>
            <div class="content">
                <div class="content-item">
                    <div>日期</div>
                    <div>公里数</div>
                    <div>服务项目</div>
                </div>
                <!--<div class="content-item">
                    <div>2015-08-04</div>
                    <div>134622</div>
                    <div>机油、机滤、空滤</div>
                </div>
                <div class="content-item">
                    <div>2015-08-04</div>
                    <div>134622</div>
                    <div>机油、机滤、空滤</div>
                </div>
                <div class="content-item">
                    <div>2015-08-04</div>
                    <div>134622</div>
                    <div>机油、机滤、空滤</div>
                </div>
                <div class="content-item">
                    <div>2015-08-04</div>
                    <div>134622</div>
                    <div>机油、机滤、空滤</div>
                </div>-->
            </div>
        </div>
    </div>
    <!-- 检查项目、保养条目 -->
    <div class="check">
        <div class="check-check">
            <h2>检查项目-Courtesy Check</h2>
            <div class="content">
                <div class="content-item">
                    <div>项目</div>
                    <div>结果</div>
                </div>
                <div class="content-item">
                    <div>空气滤芯</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>底盘悬挂</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>防冻液</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>刹车液</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>机械皮带</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>电瓶</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>刹车片</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>轮胎压力</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>转向助力</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>漏油情况</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>雨刷器</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>轮胎</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>雨刷液</div>
                    <!--<div>OK</div>-->
                </div>
                <div class="content-item">
                    <div>车辆灯光</div>
                    <!--<div>OK</div>-->
                </div>
            </div>
            <div class="check-comments">
                <h2>服务建议-Service Recomments</h2>
                <ul>
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="check-service">
            <div class="check-head">
                <div><h2>服务项目-Service Description</h2></div>
                <div><h2>数量-QTY</h2></div>
                <div><h2>价钱-Price</h2></div>
            </div>
            <div class="content service-des">
                <!--<div class="content-item">
                    <div>标准包</div>
                    <div>1</div>
                    <div>60</div>
                </div>
                <div class="content-item">
                    <div>标准包</div>
                    <div>1</div>
                    <div>60</div>
                </div>
                <div class="content-item">
                    <div>标准包</div>
                    <div>1</div>
                    <div>60</div>
                </div>-->
            </div>
            <!-- 小计 -->
            <div class="summary">
                <div class="content">
                    <div class="content-item">
                        <div>小计</div>
                        <div class="summary-price">&nbsp;</div>
                    </div>
                    <!-- <div class="content-item">
                        <div>折后</div>
                        <div class="summary-price">&nbsp;</div>
                    </div> -->
                    <div class="content-item">
                        <div>税费</div>
                        <div></div>
                    </div>
                    <div class="content-item total">
                        <div class="">总计</div>
                        <div class="summary-price">&nbsp;</div>
                    </div>
                    <div class="content-item">
                        <div class="">付款方式</div>
                        <div class="summary-price">&nbsp;</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 提示消息 -->
    <div class="message">
        <h2>提示消息-Messages</h2>
        <ul>
            <li>建议下次保养在________或________KM</li>
        </ul>
    </div>
    <!-- 底部信息 -->
    <div class="footer">
        <div class="doublechk">
            <h3>售后保单：</h3>
            <ul>
                <li>本次为您服务的项目1质保期为________年/KM，项目2质保期为________年/KM，项目3质保期为________年/KM</li>
                <li style="">客户签字：____________</li>
            </ul>
            <!--<div class="doublechk-item">
                <ul>
                    <li>油盘排水塞</li>
                    <li>机滤</li>
                    <li>火花塞归位</li>
                </ul>
                <ul>
                    <li>油盘排水塞</li>
                    <li>机滤</li>
                    <li>火花塞归位</li>
                </ul>
                <ul>
                    <li>油盘排水塞</li>
                    <li>机滤</li>
                    <li>火花塞归位</li>
                </ul>
            </div>-->
        </div>
        <div class="qrcode">
            <div class="qr">
                <!--<img src="__ADMINIMG__/qrcode.jpg" alt="">-->
            </div>
            <div class="talk">
                <div class="chkpic"></div>
                您述说
            </div>
            <div class="listen">
                <div class="chkpic"></div>
                我聆听
            </div>
            <div class="win">
                <div class="chkpic"></div>
                您满意
            </div>
            <div class="des">
                请关注我们的微信服务号和官网，了解更多产品和服务，告诉我们您的需求与建议，我们会已最快速度满足和解决您的要求，您的建议是我们进步的动力。投诉建议热线0391-3385559。 河南十分钟汽车服务有限公司宣。
            </div>
            <div class="link">
                24小时预约救援电话：<br>
                0391-2776611
            </div>
        </div>
    </div>
</div>
</body>
</html>
